<template>
  <modal @close_modal="close" :default_dialog="true">
    <div class="re_container">
      <p class="title md_m_font color_gray_02">
        <span v-show="type === 'scan'">扫描给券可获得奖励金</span>
        <span v-show="type === 'button'">分享此券可获得奖励金</span>
        <span v-show="type === 'remind'">分享此券并被使用后<br/>即可获得奖励金</span>
        <span v-show="type === 'onlyTwo'">分享此券并被使用后<br/>会有神秘大奖</span>
         <span v-show="type === 'scanOnlyTwo'">扫描此券并被使用后<br/>会有神秘大奖</span>
        <span v-show="type === 'use'">使用此券即可获得奖励金</span>
      </p>
      <p class="awardRemind"></p>
      <p class="btn md_s_font" @click="click_btn(type)" >
        <span v-show="type == 'button'|| type == 'onlyTwo'">马上分享</span>
        <span v-show="type =='scan'||type =='scanOnlyTwo'">马上扫码</span>
        <span v-show="type =='use'">立即使用</span>
      </p>
    </div>
  </modal>

</template>

<script>
export default {
  name: 'remind-modal',
  props: {
    type: {
      type: String,
      default: ''
    }
  },
  methods: {
    close() {
      this.$emit("close")
    },
    click_btn(type) {
      this.$emit('click_btn', type)
    }
  }
}
</script>

<style scoped>
@import 'style.css';
.awardRemind {
  background: url('../../../images/shareInfo.png') no-repeat center;
  background-size: 100%;
}
</style>
